<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米</title>
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/font.css">
	<script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
	<div class="header_top">
		<a href=""><img src="./img/1.jpg" alt=""></a>
	</div>
	<div class="header_mid">
		<div class="header_mid1">
			<ul class="left">
				<li><a href="">小米商城</a><span>|</span></li>
				<li><a href="">MIUI</a><span>|</span></li>
				<li><a href="">米聊</a><span>|</span></li>
				<li><a href="">游戏</a><span>|</span></li>
				<li><a href="">多看阅读</a><span>|</span></li>
				<li><a href="">云服务</a><span>|</span></li>
				<li><a href="">金融</a><span>|</span></li>
				<li><a href="">小米商城移动版</a><span>|</span></li>
				<li><a href="">问题反馈</a><span>|</span></li>
				<li><a href="">Select Region</a><span>|</span></li>
			</ul>
			<a href="" class="car"><i></i>购物车<span>（0）</span>
				<div class="car1">购物车中还没有商品，赶紧选购吧！</div>
			</a>
			<ul class="right">
				<li><a href="">消息通知</a></li>
				<li><a href="">注册</a><span>|</span></li>
				<li><a href="">登录</a><span>|</span></li>
			</ul>

	</div>
	</div>
		<div class="midd">
			<div class="midd1">
				<div class="midd1_logo"><img src="./img/1.png" alt=""></div>
				<ul class="midd1_nav">
					<li class="list nav">小米手机</li>
					<li class="list nav">红米</li>
					<li class="list nav">平板 · 笔记本</li>
					<li class="list nav">电视</li>
					<li class="list nav">盒子 · 影音</li>
					<li class="list nav">路由器</li>
					<li class="list nav">智能硬件</li>
					<a href="">服务</a>
					<a href="">社区</a>
				</ul>
				<form action="">
					<input type="text" class="ssk">
					<input type="submit" class="an" value="">
					<div class="zjd"><a href="">小米MIX</a><a href="">小米电视3s 48英寸</a></div>
					<div class="xlk">
						<li><a href="">小米5s Plus<span>约有5件</span></a></li>
						<li><a href="">小米Max<span>约有8件</span></a></li>
						<li><a href="">小米手机5<span>约有10件</span></a></li>
						<li><a href="">空气净化器2<span>约有3件</span></a></li>
						<li><a href="">活塞耳机<span>约有3件</span></a></li>
						<li><a href="">小米路由器<span>约有6件</span></a></li>
						<li><a href="">移动电源<span>约有14件</span></a></li>
						<li><a href="">运动相机<span>约有11件</span></a></li>
						<li><a href="">小蚁摄像机<span>约有2件</span></a></li>
						<li><a href="">小米体重秤<span>约有1件</span></a></li>
						<li><a href="">小米插线板<span>约有10件</span></a></li>
						<li><a href="">配件优惠套装<span>约有23件</span></a></li>
					</div>
				</form>
			</div>
		</div>
		<div class="midd_header nav">
			<div class="midd_midd">
				<div class="list">
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
				</div>
				<div class="list"><div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/3.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/3.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/3.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/3.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/3.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div></div>
				<div class="list"><div class="list1"><div class="list2"><img src="./img/4.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/4.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/4.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/4.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/4.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/4.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div></div>
				<div class="list"><div class="list1"><div class="list2"><img src="./img/5.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/5.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/5.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/5.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/5.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/6.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div></div>
				<div class="list"><div class="list1"><div class="list2"><img src="./img/6.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/6.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/6.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/6.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/6.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/7.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div></div>
				<div class="list"><div class="list1"><div class="list2"><img src="./img/7.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/7.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/7.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/7.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/7.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div></div>
				<div class="list"><div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div>
					<div class="list1"><div class="list2 last"><img src="./img/2.png" alt=""></div><a href="">小米手机5c</a><p>1449元</p></div></div>
			</div>
		</div>
		<div class="lbphoto">
		<div class="lbphoto1">
			<img src="./1.jpg" alt="" class="photo">
			<img src="./2.jpg" alt="" class="photo">
			<img src="./3.jpg" alt="" class="photo">
			<img src="./4.jpg" alt="" class="photo">
			<img src="./5.jpg" alt="" class="photo">
		</div>
		<ul class="skip">
			<li class="button"></li>
			<li class="button"></li>
			<li class="button"></li>
			<li class="button"></li>
			<li class="button"></li>
		</ul>
		<div class="cutleft"></div>
		<div class="cutright"></div>
		<div class="menu">
			<ul>
				<li class="list"><a href="" class="choose2">手机 电话卡<i class="guide"></i></a><div class="son">
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					<div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
					</div></li>
				<li class="list"><a href="" class="choose2">笔记本 平板<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">电视 盒子<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">路由器 智能硬件<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">移动电源 电池 插线板<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">耳机 音箱<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">保护套 贴膜<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">线材 支架 存储卡<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">箱包 服饰<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div></div></li>
				<li class="list"><a href="" class="choose2">米兔 生活周边<i class="guide"></i></a><div class="son"><div class="list1">
						<a href="" id="choose1"><img src="./img/xtp.png" alt=""><span>小米手机5C</span></a><a href="" class="choose">选购</a>	
					</div>
				</div>
				</li>
			</ul>
</div>
				<div class="rail">
					<div class="left">
						<ul>
							<li><a href=""><i class="iconfont"></i>选购手机</a></li>
							<li><a href=""><i class="iconfont"></i>选购手机</a></li>
							<li><a href=""><i class="iconfont"></i>选购手机</a></li>
							<li><a href=""><i class="iconfont"></i>选购手机</a></li>
							<li><a href=""><i class="iconfont"></i>选购手机</a></li>
							<li><a href=""><i class="iconfont"></i>选购手机</a></li>
						</ul>
					</div>
					<a href="" class="span"><img src="./img/111.png" alt=""></a>
					<a href="" class="span"><img src="./img/222.png" alt=""></a>
					<a href="" class="span1"><img src="./img/333.png" alt=""></a>
				</div>
			<div class="state">
					<h2>小米明星单品</h2>
					<div class="right"><i></i></div>
					<div class="right new"><i></i></div>
			</div>
			<div class="slide">
				<div class="slide1">
					<ul>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
						<li class="listnew"></li>
					</ul>
				</div>
			</div>
	</body>
</html>